<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ollama API大语言模型对话工具</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="chat-container">
        <div class="chat-header">
            <h1>Ollama API大语言模型对话工具</h1>
        </div>
        <div class="chat-settings">
            <label for="apiEndpoint">服务器接口(API):</label>
            <input type="text" id="apiEndpoint" value="http://localhost:11434/api/chat">
            <label for="modelName">Ollama模型名称:</label>
            <input type="text" id="modelName" value="deepseek-r1:1.5b">
        </div>
        <div class="chat-box" id="chatBox"></div>
        <div class="chat-input">
            <input type="text" id="userInput" placeholder="在这里输入聊天内容">
            <button onclick="sendMessage()">发送</button>
        </div>
    </div>
    <script src="script.js"></script>
</body>
</html>
